﻿<div class="navbar-wrapper">
        <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
            <div class="container">
                <div class="navbar-header page-scroll">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#"><?php print(CLIENTE);?></a>
                </div>
                <div id="navbar" class="navbar-collapse collapse">
                    <ul class="nav navbar-nav navbar-right">
                        <li><a class="page-scroll" href="#page-top">Home</a></li>
                        <li><a class="page-scroll" href="#servico">Serviços</a></li>
                        <li><a class="page-scroll" href="#team">Equipe</a></li>
                        <li><a class="page-scroll" href="#contact">Fale Conosco</a></li>
                    </ul>
                </div>
            </div>
        </nav>
</div>
<div id="inSlider" class="carousel slide carousel-fade" data-ride="carousel">
    <!--  
    <ol class="carousel-indicators">
        <li data-target="#inSlider" data-slide-to="0" class="active"></li>
    </ol> -->
    <div class="carousel-inner" role="listbox">
        <div class="item active">
            <div class="container">
            	<div class="col-xs-12">
	                <div class="col-xs-4 carousel-caption-image">
	                    <h1>Soluções<br/>
	                        empresarias, residênciais<br/>
	                        e para você</h1>
	                    <p>Temos tudo para você e sua empresa.</p>
	                </div>
	                
	                <div class="col-xs-8 centraliza-imagem">
		                <!-- Set background for slide in css -->
		           	 	<div id="carousel-imagem-one"  class="one carousel-imagem"></div>
		          	</div>
	           	</div>
            </div>
        </div>
    </div>
    <!--  
    <a class="left carousel-control" href="#inSlider" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#inSlider" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a> -->
</div>

<section id="servico">
    <div class="container">
        <div class="row m-b-lg col-lg-12 text-center">
            <div class="navy-line"></div>
            <h1>Serviços</h1>
            <p>A Valt Soluções em TI, fundada em 2014, é uma empresa especializada na prestação de serviços e consultoria em Tecnologia da Informação, temos como diferencial a qualificação técnica e a relação de verdadeira amizade com nossos clientes, pois, além de tecnologia, valorizamos as pessoas.</p>
        </div>
        <div class="row col-lg-8" style="float: left; margin-top: 15px; margin-bottom: 15px;">
            <div class="text-center wow fadeInLeft" style="animation-duration:2s;">
                <i class="fa fa-wrench features-icon"></i>
                <h2>Assistência Técnica</h2>
                <p class="servico">
                	Estamos sempre prontos para reparar qualquer problema em seu equipamento, seja por problemas decorrentes de software ou hardware, ou até mesmo ajudando usuários menos experientes a instalar um computador novo, ou realizando um treinamento básico para operar um micro computador. Realizamos o reparo no local onde se encontra o equipamento ou através de suporte remoto, e em ambos os casos o serviço pode ser agendado.
                </p>
            </div>
		</div>
		<div class="row col-lg-8 m-t" style="float: right; margin-top: 15px; margin-bottom: 15px;">
			<div class="text-center wow fadeInRight" style="animation-duration:2s;">
                <i class="fa fa-building features-icon"></i>
                <h2>Suporte Técnico Empresarial</h2>
                <p class="servico">É o serviço ideal para empresas que precisam de apoio tecnológico para manter a continuidade do trabalho dos usuários.Temos soluções adequadas ao perfil de sua empresa seja no modelo contratual ou avulso.<br>Nossos serviços incluem:</br> 
	                <ul style="text-align: left;">
					  <li>Manutenção de hardwares (Notebooks, PCs, Periféricos)</li>
					  <li>Assessoria para aquisição e instalação de equipamentos/softwares</li>
					  <li>Implantação e manutenção de redes (Roteadores, Switchs, Path Panels, Cabeamento Estruturado, Wireless e Banda Larga)</li>
					  <li>Soluções para Backup</li>
					  <li>Segurança de dados além de suporte técnico a usuários</li>
					</ul> 
				</p>
            </div>
        </div>
		<div class="row col-lg-8 m-t" style="float: left; margin-top: 15px; margin-bottom: 15px;">
            <div class="text-center wow fadeInLeft" style="animation-duration:2s;">
                <i class="fa fa-shopping-cart features-icon"></i>
                <h2>Venda de Equipamento</h2>
                <p class="servico"> 
                	Trabalhamos com as melhores marcas do mercado e temos como principal objetivo a satisfação de nossos clientes e parceiros comerciais.
                </p>
	        </div>
	    </div>
	    <div class="row col-lg-8 m-t" style="float: right; margin-top: 15px; margin-bottom: 15px;">
            <div class="text-center wow fadeInRight" style="animation-duration:2s;">
                <i class="fa fa-briefcase features-icon"></i>
                <h2>Consultoria Empresarial</h2>
                <p class="servico">
                	Diagnóstico de performance e análise de necessidades de serviços de informática, instalação, migração e manutenção de sistemas de informação, consultoria e auditoria em segurança e sistemas de informação.
                </p>
            </div>
	    </div>
	    <div class="row col-lg-8 m-t" style="float: left; margin-top: 15px; margin-bottom: 15px;">
	    	<div class="text-center wow fadeInLeft" style="animation-duration:2s;">
                <i class="fa fa-laptop features-icon"></i>
                <h2>Desenvolvimento de Sistemas</h2>
                <p class="servico">
                	Oferecemos serviços exclusivos em desenvolvimento sob encomenda de sistemas para empresas. Trabalhamos visando à melhor gestão tecnológica dos diversos departamentos da empresa e a automatização dos processos manuais fomentando a geração de ferramentas para uma perfeita visão do negócio.
                </p>
	        </div>
	    </div>
	     <div class="row col-lg-8 m-t" style="float: right; margin-top: 15px; margin-bottom: 15px;">
            <div class="text-center wow fadeInRight" style="animation-duration:2s;">
                <i class="fa fa-server features-icon"></i>
                <h2>Hospedagem de Sites</h2>
                <p class="servico">
                	<ul style="text-align: left;">
					  	<li>Criação de Sites:</li>
					  	<li class="texto-li">A internet se tornou o primeiro lugar onde as pessoas vão para procurar informações.Não deixa sua empresa passar despercebida. Criamos Site gerenciaveis, rápidos e conforme necessidade do cliente. Solicite o orçamento.</li>
						<li>Hospedagem de Site:</li>
						<li class="texto-li">Para que qualquer pessoa no mundo possa acessar seu site, esse site precisa ficar hospedado em algum computador que fica 24h ligados a internet, oferecemos o melhor plano custo X Beneficio para disponibilizar seu site 24 horas por dia.</li>
					</ul> 
                </p>
            </div>
	    </div>
    </div>
</section>

<section id="team" class="team">
    <div class="container">
        <div class="row m-b-lg col-lg-12 text-center">
            <div class="navy-line"></div>
            <h1>Nossa Equipe</h1>
            <p>Nossa equipe é formada por profissionais altamente capacitados, graduados e com vasta experiência no mercado de trabalho podendo assim atender nossos clientes com extrema eficiência e qualidade</p>
        </div>
        <div class="row col-lg-12">
			<div class="col-lg-6 wow fadeInLeft" style="animation-duration:2s;">
				<div class="team-member">
					<h4><span class="navy">Vinícius</span> Valt</h4>
					<p>Formado em Gestão em TI e com mais de 6 anos de experiência em suporte e implantação de novos projetos de TI.</p>
					<ul class="list-inline">
						<li>
							<button class="btn btn-primary btn-circle" type="button" data-container="body" data-toggle="popover" data-placement="bottom" data-content="(41) 9687-7648"><i class="fa fa-whatsapp fa-3"></i></button>
						</li>
						<li>
							<button class="btn btn-primary btn-circle" type="button" data-container="body" data-toggle="popover" data-placement="bottom" data-content="vinicius@valtsolucoesti.com.br"><i class="fa fa-envelope fa-3"></i></button>
						</li>
					</ul>
				</div>
			</div>
			<div class="col-lg-6 wow fadeInRight" style="animation-duration:2s;">
				<div class="team-member">
					<h4><span class="navy">Rodrigo</span> Valt</h4>
					<p>Formado em Análise e Desenvolvimento de Sistema e com mais de 6 anos de experiência em desenvolvimento de sistemas.</p>
					<ul class="list-inline">
						<li>
							<button class="btn btn-primary btn-circle" type="button" data-container="body" data-toggle="popover" data-placement="bottom" data-content="(41) 9687-7925"><i class="fa fa-whatsapp fa-3"></i></button>
						</li>
						<li>
							<button class="btn btn-primary btn-circle" type="button" data-container="body" data-toggle="popover" data-placement="bottom" data-content="rodrigo@valtsolucoesti.com.br"><i class="fa fa-envelope fa-3"></i></button>
						</li>
					</ul>
				</div>
			</div>
        </div>
    </div>
</section>

<section id="contact" class="gray-section contact">
    <div class="container">
        <div class="row m-b-lg col-lg-12 text-center">
            <div class="navy-line"></div>
            <h1>Fale Conosco</h1>
            <p>Se você tem alguma sugestão, crítica, dúvida ou deseja realizar um orçamento sem nenhum compromisso entre em contato conosco. Através desse canal você pode manter contato direto com nossa equipe.</p>
        </div>
        <div class="row m-b-lg col-lg-12">
        	<div class="col-lg-offset-2">
	            <form id="formContato" class="form-horizontal" method="post" accept-charset="UTF-8">
				  	<div class="form-group col-lg-10">
		  				<div class="col-lg-6">
		  					<input type="text" class="form-control" id="nome" name="nome" placeholder="Digite seu nome" />
		  				</div>
		  				<div class="col-lg-6">
				            <input type="text" class="form-control" id="assunto" name="assunto" placeholder="Digite o assunto" />
				        </div>					  			
					</div>
					<div class="form-group col-lg-10">
		  				<div class="col-lg-6">
		  					<input type="email" class="form-control" id="email" name="email" placeholder="Digite seu email" />
		  				</div>
		  				<div class="col-lg-6">
				            <input type="text" class="form-control" id="telefone" name="telefone" placeholder="Digite seu telefone" />
				        </div>					  			
					</div>
					<div class="form-group col-lg-10">
			  			<div class="col-lg-12">
			  				<textarea class="form-control" rows="4" id="mensagem" name="mensagem" placeholder="Digite sua mensagem"></textarea>
			  				<span>
			                    Caracteres restantes:
			                    <span id="content-countdown" title="2000">2000	</span>
			                </span>
			  			</div>				            
					</div>
					<div class="form-group col-lg-10 text-center">
						<button type="submit" id="buttonEnviar" class="btn btn-primary">
							<i class="fa fa-envelope-o"></i>&nbsp;&nbsp;Enviar
						</button>
					</div>					  
				</form>
			</div>
        </div>
        <div class="row">
            <div class="col-lg-12 text-center m-t-lg m-b-lg">
                <p><?php print(COPYRIGHT);?></p>
            </div>
        </div>
    </div>
</section>

<div class="modal inmodal" id="myModal" tabindex="-1" role="dialog"  aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content animated fadeIn">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
				<h4 class="modal-title"></h4>
			</div>
			<div class="modal-body"></div>
			<div class="modal-footer">
				<button type="button" class="btn btn-primary" data-dismiss="modal">
					<i class="fa fa-times"></i>&nbsp;&nbsp;Fechar
				</button>
			</div>
		</div>
	</div>
</div>
